import React, { Component } from 'react';
import { connect } from 'dva';
import styles from './index.less';
import DocumentCard from './components/index';

@connect(stores => ({
  messageData: stores.document
}))
class DocumentPage extends Component {
  state = {
    loading: false
  };

  downLoad = url => {
    window.open(`doc/${url}.zip`);
    // const { dispatch } = this.props;
    // dispatch({
    //   type: "document/downLoad",
    //   payload: url
    // });
  };

  render() {
    const recommend = '';
    // "智能推荐是一款应用需要的推送引擎；具有适用于普通用户并具备高可用性的可视化管理后台，可基于原始数据处理内容需求的推荐处理器；能向民警推送精准消息的智慧推送系统。";
    // const message =
    //   '消息总线对外提供的统一消息分发服务，提供统一的消息发送API，支持各业务系统通过调用API的方式，快速实现业务消息的分发，以及对于分发消息过程的管理、监控、分析。';
    return (
      <div className={styles.root}>
        <DocumentCard
          title='消息中心'
          describe={recommend}
          // rightTxt={<a style={{ padding: "13px 0" }}>点击下载</a>}
          rightHref={['产品简介.pptx', '用户操作手册.docx', '接入规范.docx']}
          // rightTxt={
          //   <span style={{ color: "rgba(0, 0, 0, 0.45)", padding: "13px 0" }}>
          //     待发布
          //   </span>
          // }
          downLoad={this.downLoad}
        />
        {/* <div className={styles.message}>
          <DocumentCard
            title='消息总线'
            describe={message}
            rightTxt={
              <span style={{ color: 'rgba(0, 0, 0, 0.45)', padding: '13px 0' }}>
                待发布
              </span>
            }
            downLoad={this.downLoad}
          />
        </div> */}
      </div>
    );
  }
}

export default DocumentPage;
